<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>在线答题</title>
    <link th:href="@{/css/index.css}" rel="stylesheet"/>
</head>
<body>
   
    <button class="mobile-menu-toggle" onclick="toggleNav()">☰</button>
    
    <nav class="nav-container">
        <ul class="nav-menu">
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/list" data-title="章节练习">章节练习</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/error" data-title="错题练习">错题练习</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/fav" data-title="我的收藏">我的收藏</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/rand" data-title="随机练习">随机练习</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/cust" data-title="自定义练习">自定义练习</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/list_bt" data-title="背题模式">背题模式</a>
            </li>
            
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/list_mobile" data-title="章节练习">章节练习</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/error_mobile" data-title="错题练习">错题练习</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/fav_mobile" data-title="我的收藏">我的收藏</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/rand_mobile" data-title="随机练习">随机练习</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/cust_mobile" data-title="自定义练习">自定义练习</a>
            </li>
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/page/list_bt_mobile" data-title="背题模式">背题模式</a>
            </li>
            
            <li class="nav-item">
                <a href="#" class="nav-link" data-src="/pdf" data-title="pdf">pdf预览</a>
            </li>
        </ul>
    </nav>

    <div class="content-container">
        <div class="tab-bar" id="tabBar"></div>
        <div class="iframe-container" id="iframeContainer"></div>
    </div>

    <div class="context-menu" id="contextMenu">
        <div class="context-item" onclick="closeOthers()">关闭其他</div>
        <div class="context-item" onclick="closeAll()">关闭全部</div>
    </div>

<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/index.js}"></script>
</body>
</html>
